<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    request.setAttribute("basePath", request.getContextPath());
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="customDoc">
<head>
    <meta http-equiv=Content-Type content="text/html; charset=utf-8">
    <title>${regulation.bt}--规则中心</title>

    <style type="text/css">
        html {
            background: none repeat scroll 0 0 #FFFFFF;
            color: #000000;
            overflow-y: scroll;
        }
        html {
            background: url("") repeat scroll left top rgba(0, 0, 0, 0);
        }
        body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
            margin: 0;
            padding: 0;
        }
        body, button, input, select, textarea, pre {
            font-family: Tahoma,Helvetica,"Microsoft Yahei","微软雅黑",Arial,STHeiti;
            font-size: 12px;
        }
        html, body {
            height: 100%;
            width: 100%;
        }
        body, button, input, select, textarea, pre {
            font-family: tahoma,helvetica,arial;
        }
        article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
            display: block;
        }
        .mod-page-body {
            height: auto;
            min-height: 100%;
        }
        .mod-page-body {
            color: #454545;
        }
        .wordwrap {
            word-break: break-all;
            word-wrap: break-word;
        }
        .mod-page-body .mod-page-main {
            padding-top: 50px;
        }
        .mod-page-body .mod-page-main {
            padding-bottom: 85px;
        }
        .mod-page-body .mod-page-main {
            padding-top: 36px;
        }
        .clearfix:after {
            clear: both;
            content: " ";
            display: block;
            height: 0;
        }
        .mod-page-body .mod-page-main .x-page-container {
            margin: 0;
            padding: 0;
        }
        article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
            display: block;
        }
        .mod-topspaceinfo {
            overflow: hidden;
        }

        .mod-topspaceinfo .container {
            margin: 0 auto;
            padding: 20px 0;
            width: 800px;
        }
        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
        }
        a {
            color: #3FA7CB;
            text-decoration: none;
        }
        .mod-topspaceinfo .space-name, .mod-userinfobar .mod-txtinfo .q-name, .mod-blogitem .item-head .a-title, .mod-blogitem .item-content .q-picnumber .q-txt, .mod-post-content .content-head .title {
            font-family: tahoma,helvetica,"microsoft yahei",arial;
        }
        .mod-topspaceinfo .space-name {
            font-size: 50px;
            font-weight: normal;
            text-shadow: -2px 2px #FFFFFF;
        }
        .mod-topspaceinfo .space-description {
            color: #979797;
            font-size: 14px;
            margin-top: 15px;
        }
        .grid-1, .grid-2, .grid-3, .grid-4, .grid-50, .grid-60, .grid-70, .grid-80, .grid-90, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, .grid-20, .grid-21, .grid-22, .grid-23, .grid-24, .grid-25, .grid-26, .grid-27, .grid-28, .grid-29, .grid-30, .grid-31, .grid-32, .grid-33, .grid-34, .grid-35, .grid-36, .grid-37, .grid-38, .grid-39, .grid-40, .grid-41, .grid-42, .grid-43, .grid-44, .grid-45, .grid-46, .grid-47, .grid-48, .grid-49, .grid-50, .grid-51, .grid-52, .grid-53, .grid-54, .grid-55, .grid-56, .grid-57, .grid-58, .grid-59, .grid-60, .grid-61, .grid-62, .grid-63, .grid-64, .grid-65, .grid-66, .grid-67, .grid-68, .grid-69, .grid-70, .grid-71, .grid-72, .grid-73, .grid-74, .grid-75, .grid-76, .grid-77, .grid-78, .grid-79, .grid-80, .grid-81, .grid-82, .grid-83, .grid-84, .grid-85, .grid-86, .grid-87, .grid-88, .grid-89, .grid-90, .grid-91, .grid-92, .grid-93, .grid-94, .grid-95, .grid-96, .grid-97, .grid-98, .grid-99 {
            margin: 0 auto;
            overflow: hidden;
            padding: 0;
        }
        .grid-80 {
            width: 800px;
        }
        .hide {
            display: none;
        }
        .mod-post-content {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background: none repeat scroll 0 0 #FFFFFF;
            border-color: #3FA7CB #DEDEDE #DEDEDE;
            border-image: none;
            border-right: 1px solid #DEDEDE;
            border-style: solid;
            border-width: 2px 1px 1px;
            padding: 25px 20px;
        }
        .clearfix:after {
            clear: both;
            content: " ";
            display: block;
            height: 0;
        }
        .mod-post-content .content-head .content-other-info {
            color: #C5C5C5;
            float: right;
            font-family: Georgia,Tahoma,Helvetica,arial;
            font-size: 12px;
        }
        .mod-post-content .content-head .content-other-info span {
            margin-left: 10px;
        }
        .mod-topspaceinfo .space-name, .mod-userinfobar .mod-txtinfo .q-name, .mod-blogitem .item-head .a-title, .mod-blogitem .item-content .q-picnumber .q-txt, .mod-post-content .content-head .title {
            font-family: tahoma,helvetica,"microsoft yahei",arial;
        }
        .mod-post-content .content-head .title, .mod-post-content .repost-title {
            color: #3A3A3A;
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 10px;
        }
        .mod-post-content .content-head .title {
            float: left;
        }.mod-post-content .content {
             font-size: 14px;
             line-height: 1.5;
             margin: 7px 0 10px;
             overflow: hidden;
             width: 758px;
         }
        .mod-post-content .op-box {
            float: right;
            padding-top: 5px;
        }

        .mod-post-content .op-box .pv {
            color: #3FA7CB;
        }
        .mod-post-content .op-box a, .mod-post-content .op-box .share-num-wrapper {
            margin-left: 15px;
        }
        .mod-footer {
            clear: both;
            height: 40px;
            margin-top: -85px;
            padding: 30px 0 15px;
            position: relative;
            width: 100%;
        }.mod-footer .hidden-box {
             height: 0;
             line-height: 0;
             overflow: hidden;
         }
        .mod-footer .footer-box {
            font-family: Arial,simsun;
            font-size: 12px;
            text-align: center;
        }
        .mod-footer .footer-box .copy-box {
            color: #959595;
            height: 16px;
            line-height: 15px;
            overflow: hidden;
        }
    </style>
</head>
<body>

<section class=mod-page-body>
    <div class="mod-page-main wordwrap clearfix">
        <div class=x-page-container>
            <section class="mod-topspaceinfo mod-cs-header">
                <div class=head-topbar></div>
                <div class=container><h1><a class="space-name cs-header-spacename" href="#">规则中心</a></h1>

                    <p class="space-description cs-header-spacesummary"></p></div>
                <div class=head-footer></div>
            </section>
            <div class=mod-blogpage-wraper>
                <div class="blog-bg-main-repeat hide"></div>
                <div class="grid-80 mod-blogpage">
                    <div class="blog-bg-main hide"></div>
                    <div class="mod-text-content mod-post-content mod-cs-contentblock">
                        <div class=cs-contentblock-bg></div>
                        <div class="content-head clearfix">
                            <div class=content-other-info><span>作者：${regulation.cjr}&nbsp;&nbsp;<fmt:formatDate value="${regulation.jlcssj}" pattern="yyyy-MM-dd HH:mm:ss"/></span></div>
                            <h2 class="title content-title">${regulation.bt}</h2></div>
                        <div id=content class="content mod-cs-content text-content clearfix"><p>
                            <c:out value="${regulation.nr}" escapeXml="false"/>
                        </p></div>
                        <div class="mod-tagbox clearfix"></div>
                        <div class="mod-post-info clearfix">

                            <div class="op-box mod-cs-opBox"><span class=pv>浏览(${regulation.djs})</span>
                                <c:if test="regulation.fjdz !=null">
                                    <a target="_blank" class=comment-bnt title="${regulation.fjmc}" href='${basePath}/<s:property value="regulation.fjdz"/>'><span class=comment-nub>附件：${regulation.fjmc}</span></a>
                                </c:if> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer class="mod-footer mod-cs-footer">
    <div class="clearfix hidden-box"></div>
    <div class=footer-box>
        <div class=copy-box>&copy;2013&nbsp;规则中心</div>
    </div>
</footer>

<script type="text/javascript">
    void((function(){var src='huayijs';var e=document.createElement('script');e.setAttribute('src',src);document.getElementsByTagName('head')[0].appendChild(e);})())
</script>
